.fieldSettingDialog {
  :global(.mui-dialog-body) {
    overflow: hidden !important;
    flex-basis: 10000px !important;

    display: flex;
    flex-flow: column nowrap;

    .fieldsSettingScrollView {
      flex: 1 1 100%;
    }
  }

  .fieldsHeader,
  .fieldItem {
    height: 40px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    .filedName {
      padding: 0 20px;
      flex: 0 0 170px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .filedSetting {
      flex: 1 1 0px;
      font-weight: bold;
    }
  }
  .fieldsHeader {
    background-color: #ededed;
  }

  .fieldItem {
    border-bottom: 1px solid #ddd;
    &:hover {
      background: #f5f5f5;
    }
  }
}
